<template>
    <div class="wh-full flex flex-col flex-1">
      <div class="cus-scroll-y page-top position-relative bg-white">
        <div class="ab-btn top-10px right-10px absolute z-100">
          <slot name="abBtn"></slot>
        </div>
        <slot name="top" />
      </div>
  
      <div
        class="page-bottom flex items-center justify-center border-t bg-white bc-eee"
      >
        <slot name="bottom"></slot>
      </div>
    </div>
  </template>
  
  <script setup>
  defineProps({
    showFooter: {
      type: Boolean,
      default: false
    },
    showHeader: {
      type: Boolean,
      default: true
    },
    title: {
      type: String,
      default: undefined
    }
  })
  </script>
  <style lang="scss" scoped>
  .page-top {
    padding: 10px;
    flex: 1;
  }
  .page-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    padding: 10px 0;
    box-sizing: border-box;
  }
  </style>
  